@import "../../lib/com-color.less";
.com-select{
  display: inline-block;
  position: relative;
  width:100%;
  color: @c3;
  .sel-item{
    position: relative;
    display:block;

    &:after{
      position: absolute;
      content:"";
      border-top:4px solid @c3;
      border-left:4px solid transparent;
      border-right:4px solid transparent;
      right:7px;
      top:50%;
      transform: translateY(-50%);
    }
  }
  .sel-head{
    display:inline-block;
    width:100%;
    min-height:32px;
    padding:2px 16px 2px 8px;
    border: 1px solid @cc;
    border-radius: 4px;

    line-height: 1.42857143;
    background-color:@cf;
    cursor: pointer;
    &:hover{background-color:@cf2}
  }
  //列表框
  .sel-content{
    display: none;
    position: absolute;
    width:100%;
    text-align: left;
    border-left: 1px solid @cdb;
    border-right:1px solid @cdb;
    border-bottom:1px solid @cdb;
    z-index: 10;
    background-color: #fff;
    box-shadow: 1px 1px 2px @ceb;
    //列表
    .sel-list{
      padding:5px;
      border-radius: 4px;
      cursor: pointer;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      &:hover{
        background-color:@cf2;
      }
    }
  }


  /*图标特定样式覆盖*/
  .icon-arrow-down:before{
    position: absolute;
    right:0;
    margin-right:3px;
    top:50%;
    transform: translateY(-50%);
    color:@c6;
  }

}
